import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import indexpage from '../views/indexpage.vue'
import login from '../views/login.vue'


const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path:'/',
      redirect:'/login'
    },
    {
      path: '/indexpage',
      name: 'indexpage',
      component: indexpage
    },
    {
      path: '/login',
      name: 'login',
      component: login
    },
    {
      path:'/test',
      name:'test',
      component: () => import('../components/login.vue')
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (About.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import('../views/AboutView.vue')
    },
    {
      path: '/signIn',
      name: 'signIn',
      component: () => import('../views/signIn.vue')
    },
  ],
  scrollBehavior(to, from, savedPosition) {
    console.log('goto list ', to)
    if (to.href === "/indexpage") {
      return {
        el: '#main',
        top: -10,
        behavior: 'smooth',
      }
    }

  }
})

export default router
